<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/css.css" rel="stylesheet" type="text/css" />
<link href="css/common.css" rel="stylesheet" tyle="text/css" />
<script src="js/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="js/jquery.SuperSlide.2.1.1.js" type="text/javascript"></script>
<script src="js/common_js.js" type="text/javascript"></script>
<title>用户登录</title>
</head>
<style>
	  #hong{
      font-size: 13px;
      color: #e62e2e;
      }
</style>
<body>
<!--顶部样式-->
<div class="common_top">
 <div class="Narrow">
  <div class=" left logo"><a href="index.html"><img src="images/logo.png" /></a></div>
  <!--电话图层-->
  <div class="phone"><label>全国服务热线：</label><em>400-345-5633</em></div>
 </div>
</div>
<div class="login_bg">
<div class="login Narrow">
   <div class="login_advertising"><img src="images/bg_03.png" /></div>
  <div class="login_frame">
   <div class="login-form">

     <div class="login-name"><h1 class="name">用户登录</h1><span class="login_link"><a href="registered.html"><b></b>用户注册</a></span></div>
	  <!--提示信息-->
	  <form id="app" method="post" action="" @submit.prevent="on_submit" >
		<div class="form clearfix">
			<div class="item item-fore1">
				<label for="loginname" class="login-label name-label"></label>
				<!-- <input name="" type="text"  class="text" placeholder="请输入用户"/> -->
				<input type="text" v-model="username" @blur="check_username" name="" class="text" placeholder="请输入用户名或手机号">
				<br>
				<div v-show="error_username" id='hong' class="user_error" v-cloak>请填写用户名或手机号</div>
			</div>
			<br>
			<div class="item item-fore2">
				<label for="nloginpwd" class="login-label pwd-label" ></label>
				<!-- <input name="" type="password"  class="text" placeholder="用户密码"/> -->
				<input type="password" v-model="password" @blur="check_pwd" name="pwd" class="text" placeholder="请输入密码">
				<br>
				<div v-show="error_pwd" id='hong' class="pwd_error" v-cloak>{{ error_pwd_message }}</div>
			</div> 
			<div class="Forgetpass">
				<a href="#">忘记密码？</a></div>
			</div>	
			<div class="login-btn">
			<!-- <a href="javascript:;" class="btn_login">登&nbsp;&nbsp;&nbsp;&nbsp;录</a>  -->
			<input type="submit" name="" value="登 录" class="btn_login">
		</div> 
	 </form>

    <!-- </div> -->
	<!-- <div class="form_con">
		<div class="form_input cur">
			<form id="login-form" @submit.prevent="on_submit">
				<input type="text" v-model="username" @blur="check_username" name="" class="item item-fore1"" placeholder="请输入用户名或手机号">
				<div v-show="error_username" class="user_error" v-cloak>请填写用户名或手机号</div>
				<input type="password" v-model="password" @blur="check_pwd" name="pwd" class="pass_input" placeholder="请输入密码">

				<div v-show="error_pwd" class="pwd_error" v-cloak>{{ error_pwd_message }}</div>
				<div class="more_input clearfix">
					<input type="checkbox" v-model="remember">
					<label>记住登录</label>
					<a href="/find_password.html">忘记密码</a>
				</div>
				<input type="submit" name="" value="登 录" class="input_submit">
			</form>
    <div class="Login_Method"> -->
     
    </div>
  </div>
</div>
</div>
<!--底部样式-->
 <div class="bottom_footer">
   <p><a href="#">关于我们</a> | <a href="#">联系我们</a> | <a href="#">商家入驻</a> | <a href="#">法律申明</a> | <a href="#">友情链接</a>  </p>
	 <p>Copyright©2014四川金祥保险销售有限公司.All Rights Reserved. </p>
	 <p>川ICP备09150084号</p>
   </div>


<script type="text/javascript" src="js/host.js"></script>
<script type="text/javascript" src="js/vue-2.5.16.js"></script>
<script type="text/javascript" src="js/axios-0.18.0.min.js"></script>
<script type="text/javascript" src="js/login.js"></script>
</body>
</html>
